<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link rel="stylesheet" href="css/amazeui.min.css">
		<link rel="stylesheet" href="js/need/layer.css">
		<link rel="stylesheet" href="css/all-wap.css">
		<link rel="stylesheet" href="css/type-wap.css">
		<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
		<script type="text/javascript" src="js/layer.js"></script>
		<title>优播</title>
	</head>

	<body>
		<div class="pet_mian">
			<!--header-->
			<header class="am-header i-top">
				<div class="am-header-left am-header-nav logo">
					<a href="">

						<img src="images/logo.png">
					</a>
				</div>

				<div class="am-header-right am-header-nav i-top-pic">
					<a href="">
						<img src="images/fdj.png">
					</a>
					<a href="">
						<img src="images/user.png">
					</a>
				</div>
			</header>

			<nav class="am-menu  am-menu-default header-menu">
				<ul class="am-menu-nav am-avg-sm-5 i-nav">
					<li>
						<a href="">首页</a>
					</li>
					<li class="i-active">
						<a href="">优播</a>
					</li>
					<li>
						<a href="">视频</a>
					</li>
					<li>
						<a href="">图库</a>
					</li>
					<li>
						<a href="">天梯</a>
					</li>
				</ul>
			</nav>
			<!--header-->

			<div class="pet_circle-new" style="margin-top: 96px;">
				<div class="am-titlebar am-titlebar-default i-list">
					<h2 class="i-list-pic">
					<img src="images/index/fire.png">
                                 热门主播
                </h2>

					<nav class="am-titlebar-nav">
						<a href="" class="he-more">更多 <strong>
						<img src="images/index/jt.png"></strong></a>
					</nav>
				</div>
				<ul class="am-gallery am-avg-sm-2 am-gallery-default y-rq">
					<li>
						<div class="am-gallery-item">
							<a href="">
								<img src="images/index/bg1.jpg" alt="倾其妖娆·瞳瞳 " />
								<h3 class="am-gallery-title i-title zb-name">倾其妖娆·瞳瞳 </h3>
							</a>
							<span class="i-rq-num"><img src="images/index/love.png">9863人气</span>
						</div>
					</li>
					<li>
						<div class="am-gallery-item">
							<a href="">
								<img src="images/index/bg1.jpg" alt="倾其妖娆·瞳瞳 " />
								<h3 class="am-gallery-title i-title zb-name">倾其妖娆·瞳瞳 </h3>
							</a>
							<span class="i-rq-num"><img src="images/index/love.png">9863人气</span>
						</div>
					</li>
					<li>
						<div class="am-gallery-item">
							<a href="">
								<img src="images/index/bg1.jpg" alt="倾其妖娆·瞳瞳 " />
								<h3 class="am-gallery-title i-title zb-name">倾其妖娆·瞳瞳 </h3>
							</a>
							<span class="i-rq-num"><img src="images/index/love.png">9863人气</span>
						</div>
					</li>
					<li>
						<div class="am-gallery-item">
							<a href="">
								<img src="images/index/bg1.jpg" alt="倾其妖娆·瞳瞳 " />
								<h3 class="am-gallery-title i-title zb-name">倾其妖娆·瞳瞳 </h3>
							</a>
							<span class="i-rq-num"><img src="images/index/love.png">9863人气</span>
						</div>
					</li>
				</ul>
			</div>

			<div class="pet_circle-new">
				<div class="am-titlebar am-titlebar-default i-list">
					<h2 class="i-list-pic">
					<img src="images/youbo/trophy.png">
                                 主播排行
                </h2>

					<nav class="am-titlebar-nav">
						<a href="" class="he-more">更多 <strong>
						<img src="images/index/jt.png"></strong></a>
					</nav>
				</div>
				<div class="y-year">
					<ul class="am-menu-nav am-avg-sm-3">
						<li style="background: #FFFFFF;">
							<a href="" style="color: #67932c;">日</a>
						</li>
						<li>
							<a href="">周</a>
						</li>
						<li>
							<a href="">月</a>
						</li>
					</ul>
				</div>
				<ul class="am-gallery am-avg-sm-3 am-gallery-default y-zb-pm">
					<li>
						<div class="am-gallery-item y-pm-2">
							<a href="">
								<img src="images/youbo/zbtx.jpg" />
							</a>
							<span><img src="images/youbo/2-pm.png"></span>
						</div>
						<h2>素年锦时</h2>
						<p>9864人气</p>
					</li>
					<li>
						<div class="am-gallery-item y-pm-1">
							<a href="">
								<img src="images/youbo/zbtx.jpg" />
							</a>
							<span><img src="images/youbo/1-pm.png"></span>
						</div>
						<h2>素年锦时</h2>
						<p>9864人气</p>
					</li>
					<li>
						<div class="am-gallery-item y-pm-3">
							<a href="">
								<img src="images/youbo/zbtx.jpg" />
							</a>
							<span><img src="images/youbo/3-pm.png"></span>
						</div>
						<h2>素年锦时</h2>
						<p>9864人气</p>
					</li>
				</ul>

				<div class="am-list-news-bd youbo-btn-padding">
					<ul class="am-list y-zb-pm-lost">

						<li class="am-g am-list-item-dated">
							<span>4</span>
							<span>素年锦时</span>
							<span>9864人气</span>
							<span>上升</span>

						</li>
						<li class="am-g am-list-item-dated">
							<span>5</span>
							<span>素年锦时</span>
							<span>9864人气</span>
							<span>上升</span>

						</li>
						<li class="am-g am-list-item-dated">
							<span>6</span>
							<span>素年锦时</span>
							<span>9864人气</span>
							<span>下降</span>

						</li>
						<li class="am-g am-list-item-dated">
							<span>7</span>
							<span>素年锦时</span>
							<span>9864人气</span>
							<span>下降</span>

						</li>
						<li class="am-g am-list-item-dated">
							<span>8</span>
							<span>素年锦时</span>
							<span>9864人气</span>
							<span>上升</span>
						</li>
					</ul>
					<a href=""><button class="y-tp-btn ">去给主播投票<span class="h-y-more"><img src="images/youbo/more.png"></span></button>	</a>	
				</div>
			</div>
			<div class="pet_circle-new">
				<div class="am-titlebar am-titlebar-default i-list">
					<h2 class="i-list-pic">
					<img src="images/youbo/zl.png">
                                 主播专栏
                </h2>

					<nav class="am-titlebar-nav">
						<a href="" class="he-more">更多 <strong>
						<img src="images/index/jt.png"></strong></a>
					</nav>
				</div>
				<div data-am-widget="list_news" class="am-list-news am-list-news-default">
					<!--列表标题-->
					<div class="am-list-news-hd i-game-title">
						<!--带更多链接-->
						<h2>话题</h2>
						<span class="am-list-news-more">作者</span>
						<span class="am-list-news-more">回应 </span>
					</div>

					<div class="am-list-news-bd">
						<ul class="am-list i-game-new">

							<li class="am-g am-list-item-dated">
								<a href="">我很囧，你保重....晒晒旅行中的那些囧</a>

								<span><a href="">爆浆芝士</a></span>
								<span>200</span>

							</li>
							<li class="am-g am-list-item-dated">
								<a href="">我最喜欢的一张画 </a>

								<span>爆浆芝士</span>
								<span>200</span>

							</li>
							<li class="am-g am-list-item-dated">
								<a href="">“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a>

								<span>爆浆芝士</span>
								<span>200</span>

							</li>
						</ul>
					</div>

				</div>
			</div>
			<div class="pet_circle-new" style="margin-bottom: 48px;">
				<div class="news-sort am-g">
				<div class="am-u-sm-4">
					<a href="" class="news-sort-bg">
						<img src="images/news/fire-white.png" /> 精彩推荐
					</a>
				</div>
				<div class="am-u-sm-4">
					<a href="" class="news-sort-bg game-v">
						<img src="images/news/game-v.png" /> 游戏视频
					</a>
				</div>
				<div class="am-u-sm-4">
					<a href="" class="news-sort-bg game-strategy">
						<img src="images/news/game-s.png" /> 游戏攻略
					</a>
				</div>
			</div>
			</div>
			<!--菜单-->
			<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default ">
				<ul class="am-navbar-nav am-cf am-avg-sm-4 i-footer">
					<li>
						<a href="">
							<img src="images/news.png" alt="新闻" />
							<span class="am-navbar-label">新闻</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/tj.png" alt="推荐" />
							<span class="am-navbar-label">推荐</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/tv.png" alt="直播" />
							<span class="am-navbar-label">直播</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/wo.png" alt="我" />
							<span class="am-navbar-label">我</span>
						</a>
					</li>
				</ul>
			</div>
			<!--菜单-->
		</div>
	</body>

</html>